<gm:page title="Objet Elément html avec sup" authenticate="false">
 
  
     <!-- sup (objet élément HTML)
     Référence HTML pour les éléments: voir  Élément: sup
     accéder aux objets éléments HTML voir  Objets éléments HTML: 
     généralités sur l'utilisation
 
     Les éléments HTML < sup>...< /sup> ont en tant qu'objet du modèle DOM 
     des  Propriétés universelles pour l'accès des langages script.
 
     L'exemple ci-dessous représente un texte "x puissance y". Le "x" est 
     ici enfermé dans un "lien" qui, si on le clique, appelle la - fonction 
     JavaScript "echange()", notée dans l'entête de fichier. Cette fonction
     accède aussi bien à l'élément-lien (document.getElementById("base")) 
     qu'à l'élément sup (document.getElementById("exposant")) et échange 
     leurs contenus. L'accès aux contenus se fait avec "node.nodeValue"
     (firstChild est un type de nœud bien précis). -->
 
 
     <!-- Déclaration fonction -->
     <HEAD>
 
     <script type="text/javascript"> 
     <!--
     function echange() { 
      var modifie = document.getElementById("base").firstChild.nodeValue; 
      document.getElementById("base").firstChild.nodeValue =   
       document.getElementById("exposant").firstChild.nodeValue; 
      document.getElementById("exposant").firstChild.nodeValue = modifie;
     }
     //-->
     </script>
                     
                        
     </HEAD>
 
     <!-- Appel fonction -->
     <BODY> 
  
     <span style="font-size:200%">
     <A id="base" href="javascript:echange()">x</A>
     <sup id="exposant">y</sup>
     </span>
 
     </BODY>
 
</gm:page>
 
